<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="zh-cn" />
<title>首页</title>
<link href="../css/global.css" rel="stylesheet" type="text/css" />
<link href="../css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.slide.js"></script>
<!--[if IE 6]>
<script src="../js/DD_belatedPNG.js"></script>
<script>
	DD_belatedPNG.fix('.hd_search,.index_promo .channels .intro i');
</script>
<![endif]--> 
</head>
<body>
<div id="container">
	<div id="header">
		<h1 class="logo"><a href="#" title="Cool Pie 酷派"><img src="../images/logo.png" alt="Cool Pie 酷派" width="250" height="74" /></a></h1>
		<ul class="toor_bar">
			<li class="search has_sub">
				<a href="javascript:void(0)" class="sub_hd"><i></i>搜索</a>
				<div class="sub">
					<form action="#" class="hd_search">
					<input type="text" name="" class="keyword" value="外套"/>
					<button type="submit" class="submit_btn">搜索</button>
				</form>
				</div>
			</li>
			<li class="cart"><a href="#"><i></i>购物车(0)</a></li>
			<li class="login has_sub">
				<a href="../login/login.html"><i></i>登录<em></em></a>
			</li>
			<li class="register"><a href="../login/register.html"><i></i>注册</a></li>
		</ul>
		<ul class="nav">
			<li class="cur_nav">
				<a href="javascript:void(0)">coolpie首页<b></b></a>
			</li>
			<li>
				<a href="javascript:void(0)">商品分类<b></b></a>
				<div class="sub_menu">
					<ul>
						<li><a href="#">服饰商品</a></li>
						<li><a href="#">电子商品</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">其他商品</a></li>
					</ul>
					<b></b>
				</div>
			</li>
			<li>
				<a href="javascript:void(0)">关于coolpie<b></b></a>
			</li>
		</ul>
	</div>

	<div id="main">

		<div class="index_banner" id="index_banner">
			<div class="slide_ctn_wrap">
				<ul class="slide_ctn">
					<li><a href="#"><img src="../images/temporary/12.jpg" alt="买产品"/></a></li>
					<li><a href="#"><img src="../images/temporary/14.jpg" alt="买产品"/></a></li>
					<li><a href="#"><img src="../images/temporary/15.jpg" alt="买产品"/></a></li>
					<li><a href="#"><img src="../images/temporary/16.jpg" alt="买产品"/></a></li>
					<li><a href="#"><img src="../images/temporary/17.jpg" alt="买产品"/></a></li>
					<li><a href="#"><img src="../images/temporary/13.jpg" alt="买产品"/></a></li>
				</ul>
			</div>
			<ul class="slide_ctrl">
				<li class="cur"><em>01</em>逛酷派</li>
				<li><em>02</em>服饰商品</li>
				<li><em>03</em>电子商品</li>
				<li><em>04</em>日用百货</li>
				<li><em>05</em>其他商品</li>
				<li><em>06</em>关于我们</li>
			</ul>
		</div>
		<script type="text/javascript">
			$("#index_banner").Slide({effect : "scroolY",timer : 3000,claNav : "slide_ctrl",claCon : "slide_ctn"});
		</script>
		<div class="layout_c2f">
			<div class="col_main">
            	<div class="mod_box">
					<div class="hd">
						<h3>最新酷派推荐</h3>
						<a href="indexMore.html" class="more">更多</a>
					</div>
					<div class="bd clearfix">
						<ul class="new_recomend_list">
							<li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
							<li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
                            <li>
								<a href="###"><img src="../images/temporary/good1.png" alt="可爱的XX懒人沙发" /></a>
								<div class="recomend_info">
									<h4><a href="#">可爱的XX懒人沙发</a></h4>
									<a href="###">BY 邪恶的圆</a>
									<p class="price">￥99</p>
									<p class="ctrl_btn"><a href="###" class="buy"><i class="icon icon_buy"></i>购买</a></p>
								</div>
							</li>
						</ul>
					</div>
				</div>

			</div>
			<div class="col_sub">
                <div class="mod_box community_news">
					<div class="hd">
						<h3>本周热销商品</h3>
					</div>
					<div class="bd clearfix">
						<ul class="community_news_list">
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
                            <li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
							<li>
								<a href="#" class="img"><img src="../images/temporary/img5.jpg" alt="邪恶的圆" width="55" height="55" /></a>
								<div class="txt">
									<p><a href="#" class="user">可爱的XX懒人沙发</a></p>
									<p>价格：<span class="price">392</span></p>
									<p>销量：<span class="sale">293</span></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
                
                <div class="mod_join_way">
					<h3>您可以通过以下几种方式来了解如何参与到酷派中来。</h3>
					<ul class="join_list">
						<li class="idea"><a href="#">游客</a></li>
						<li class="mission"><a href="#">消费者</a></li>
                        <li class="vote"><a href="#">商家</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div>
			<a href="#"><img src="../images/ad2.png" alt="越多参与，越多优惠！投票分享，你的意见，用价值体现！"/></a>
		</div>
	</div>

	<div id="footer">
		<p class="copyright">Copyright coolpie.com 2011 ICP证：XXXXXXXXXXXX </p>
		<ul class="links">
			<li><a href="#">首页</a></li>
			<li><a href="#">商城</a></li>
			<li><a href="#">公司介绍</a></li>
			<li><a href="#">购物车</a></li>
			<li><a href="#">社区</a></li>
			<li><a href="#">加入酷派</a></li>
			<li><a href="#">发起项目</a></li>
			<li><a href="#">F&Q</a></li>
			<li><a href="#">联系我们</a></li>
			<li><a href="#">参与项目</a></li>
			<li><a href="#">酷派攻略</a></li>
			<li><a href="#">隐私声明</a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
	//导航子菜单
	$('#header .nav>li').hover(function(){
			$('.sub_menu',$(this)).slideDown(150);
		},
		function(){
			$('.sub_menu',$(this)).slideUp(150);
		}
	);
	//头部链接子菜单显示
	$('#header .toor_bar .has_sub').hover(function(){
			$(this).addClass('on');
			$('.sub_hd',$(this)).addClass('on');
		},
		function(){
			$(this).removeClass('on');
			$('.sub_hd',$(this)).removeClass('on');
		}
	);

	var hideSearchTxt = function(inputObj){
			var originValue=$(inputObj).val();
			$(inputObj).focus(function () {
				if($(this).val()== originValue){
					$(this).val('');
				}
			});
			$(inputObj).blur(function () {
				if($.trim($(this).val()) == ''){
					$(this).val(originValue);
				}
			});
		};
		hideSearchTxt('.hd_search .keyword');

		//
		$('.user_rank_list li').hover(function(){
			$(this).addClass('on');
		},
		function(){
			$(this).removeClass('on');
		}
	);
	$('.new_recomend_list li').hover(function(){
			$(this).addClass('on');
		},
		function(){
			$(this).removeClass('on');
		}
	);
</script>
</body>
</html>